<!DOCTYPE html>
<html lang="en">
@@include('./include/meta.html', {"title":"首页"})
<style>
    .container {
        position: relative;
    }
</style>
<body style="background:#f5f5f5">
<!--加载公共头部开始-->
@@include('./include/header.html')
<!--加载公共头部结束-->
<!--中间内容部分开始-->
<div class="my_order-body">

    <!--二级分类开始-->
    <!--<div class="top">-->
    <!--<ul class="he">-->
    <!--<li><a href="">木质产品</a></li>-->
    <!--<li><a href="">根雕</a></li>-->
    <!--<li><a href="">绘画</a></li>-->
    <!--<li><a href="">茶具</a></li>-->
    <!--<li><a href="">茶海</a></li>-->
    <!--<li><a href="">陶瓷</a></li>-->
    <!--<li><a href="">扎染</a></li>-->
    <!--<li><a href="">其他</a></li>-->
    <!--</ul>-->
    <!--</div>-->
    <!--二级分类结束-->
    <!--菜单流开始-->
    <div class="liu">
        <a href="">
            <div class="wen">
                <span>SHOU &nbsp; 首页</span>
                <span>FIRST PAGE</span>
            </div>
        </a>
        <div class="tu" style="background: red">
            <img src="./img/biao.png" alt="">
        </div>
        <a href="">
            <div class="wen">
                <span>个人中心</span>
                <span>PERSONAL CENTER</span>
            </div>
        </a>
    </div>
    <!--菜单流结束-->
    <!--个人中心开始-->
    <div class="contern">

        <!--左边部分开始-->
        <div class="left">
            <!--头像设置开始-->
            <div class="img">
                <img src="./img/tuxiang.png" alt="">
            </div>
            <!--头像设置结束-->
            <!--昵称等级开始-->
            <div class="ni">
                <span>孙飞家的小媳妇儿</span>
                <div class="vip1"></div>
                <div class="vip2" style="width: 35px"></div>
                <span class="vip">VIP4</span>
            </div>
            <!--昵称等级结束-->
            <!--交易管理开始-->
            <div class="jiaoyi">
                <dl>
                    <dt>管理中心&nbsp;DINGDANFUWU</dt>
                    <dd class="ji"><a href="" style="color: red;"><span class="tubao"></span>我 | 的 | 订 | 单</br>
                        <p> My Collection</p>
                        <i style="left: 155px;"></i>
                    </a></dd>
                    <dd><a href=""><span></span>我 | 的 | 收 | 藏</a></dd>
                    <dd><a href=""><span></span>我 | 的 | 优 | 惠 | 卷</a></dd>
                </dl>
                <dl>
                    <dt>服务中心&nbsp;DINGDANFUWU</dt>
                    <dd><a href=""><span></span>我 | 的 | 评 | 论</a></dd>
                    <dd><a href=""><span></span>我 | 的 | 消 | 息</a></dd>
                </dl>
                <dl>
                    <dt>我的管理&nbsp;DINGDANFUWU</dt>
                    <dd><a href=""><span></span>我 | 的 | 资 | 料</a></dd>
                    <dd><a href=""><span></span>账 | 号 | 管 | 理</a></dd>
                    <dd><a href=""><span></span>地 | 址 | 管 | 理</a></dd>
                </dl>
            </div>
            <!--对联开始-->
            <div class="lian">
                良登品录佳一人刻在值等千您金
            </div>
            <!--对联结束-->
            <!--相对定位图开始-->
            <div class="beijign">
            </div>
            <!--相对定位图结束-->
        </div>
        <!--左边部分结束-->
        <!--右边部分开始-->
        <div class="right">

            <table border="1">
                <tr width="100%" style="border:1px solid red; margin-bottom: 8px;">
                    <th width="256">商品图片</th>
                    <th width="93">单价(元)</th>
                    <th width="150">商品数量</th>
                    <th width="103">小计(元)</th>
                    <th width="156">订单状态</th>
                    <th width="156">编辑</th>
                </tr>
                <tr height="8" style="border:none;"></tr>
                <tr>
                    <td>
                        <img src="./img/pii.png" alt="">
                        <div class="wenzi">
                            <p class="wen1">MUIJO-0234</p>
                            <p class="wen2">白化木器工艺盘套装礼盒</p>
                            <p class="wen3">原木色   白桦木</p>
                        </div>
                        <div class="dingwei1"></div>
                    </td>
                    <td style="color:red;font-size: 30px;">599.00</td>
                    <td style="font-size: 16px;">10</td>
                    <td style="color:red;font-size: 30px;">5990.00</td>
                    <td style="color:#373737;font-size:16px">已付款</td>
                    <td><div class="kuang">
                        <span class="dian"></span>
                        <span>查看物流</span>
                        <span class="dian"></span>
                    </div>
                        <div class="dingwei2"></div>
                    </td>
                </tr>

                <tr>
                    <td>
                        <img src="./img/pii.png" alt="">
                        <div class="wenzi">
                            <p class="wen1">MUIJO-0234</p>
                            <p class="wen2">白化木器工艺盘套装礼盒</p>
                            <p class="wen3">原木色   白桦木</p>
                        </div>
                        <div class="dingwei1"></div>
                    </td>
                    <td style="color:red;font-size: 30px;">599.00</td>
                    <td style="font-size: 16px;">10</td>
                    <td style="color:red;font-size: 30px;">5990.00</td>
                    <td style="color:#373737;font-size:16px">已付款</td>
                    <td><div class="kuang">
                        <span class="dian"></span>
                        <span>查看物流</span>
                        <span class="dian"></span>
                    </div>
                        <div class="dingwei2"></div>
                    </td>
                </tr>

                <tr>
                    <td>
                        <img src="./img/pii.png" alt="">
                        <div class="wenzi">
                            <p class="wen1">MUIJO-0234</p>
                            <p class="wen2">白化木器工艺盘套装礼盒</p>
                            <p class="wen3">原木色   白桦木</p>
                        </div>
                        <div class="dingwei1"></div>
                    </td>
                    <td style="color:red;font-size: 30px;">599.00</td>
                    <td style="font-size: 16px;">10</td>
                    <td style="color:red;font-size: 30px;">5990.00</td>
                    <td style="color:#373737;font-size:16px">已付款</td>
                    <td><div class="kuang">
                        <span class="dian"></span>
                        <span>查看物流</span>
                        <span class="dian"></span>
                    </div>
                        <div class="dingwei2"></div>
                    </td>
                </tr>

                <tr>
                    <td>
                        <img src="./img/pii.png" alt="">
                        <div class="wenzi">
                            <p class="wen1">MUIJO-0234</p>
                            <p class="wen2">白化木器工艺盘套装礼盒</p>
                            <p class="wen3">原木色   白桦木</p>
                        </div>
                        <div class="dingwei1"></div>
                    </td>
                    <td style="color:red;font-size: 30px;">599.00</td>
                    <td style="font-size: 16px;">10</td>
                    <td style="color:red;font-size: 30px;">5990.00</td>
                    <td style="color:#373737;font-size:16px">已付款</td>
                    <td><div class="kuang">
                        <span class="dian"></span>
                        <span>查看物流</span>
                        <span class="dian"></span>
                    </div>
                        <div class="dingwei2"></div>
                    </td>
                </tr>

                <tr>
                    <td>
                        <img src="./img/pii.png" alt="">
                        <div class="wenzi">
                            <p class="wen1">MUIJO-0234</p>
                            <p class="wen2">白化木器工艺盘套装礼盒</p>
                            <p class="wen3">原木色   白桦木</p>
                        </div>
                        <div class="dingwei1"></div>
                    </td>
                    <td style="color:red;font-size: 30px;">599.00</td>
                    <td style="font-size: 16px;">10</td>
                    <td style="color:red;font-size: 30px;">5990.00</td>
                    <td style="color:#373737;font-size:16px">已付款</td>
                    <td><div class="kuang">
                        <span class="dian"></span>
                        <span>查看物流</span>
                        <span class="dian"></span>
                    </div>
                        <div class="dingwei2"></div>
                    </td>
                </tr>

                <tr>
                    <td>
                        <img src="./img/pii.png" alt="">
                        <div class="wenzi">
                            <p class="wen1">MUIJO-0234</p>
                            <p class="wen2">白化木器工艺盘套装礼盒</p>
                            <p class="wen3">原木色   白桦木</p>
                        </div>
                        <div class="dingwei1"></div>

                    </td>
                    <td style="color:red;font-size: 30px;">599.00</td>
                    <td style="font-size: 16px;">10</td>
                    <td style="color:red;font-size: 30px;">5990.00</td>
                    <td style="color:#373737;font-size:16px">已付款</td>
                    <td><div class="kuang">
                        <span class="dian"></span>
                        <span>查看物流</span>
                        <span class="dian"></span>
                    </div>
                        <div class="dingwei2"></div>
                    </td>
                </tr>
            </table>

        </div>

        <!--商品推荐开始-->
        <div class="tuijian">
            <!--推荐图片开始-->
            <div class="jiantu">

            </div>
            <!--推荐图片结束-->
            <!--推荐内容开始-->
            <div class="jianrong">
                <ul>
                    <li><a href="">
                        <img src="./img/tui1.png" alt="">
                        <div class="wei">
                            <div class="kun">
                                <p class="nei1">-70%</p>
                                <p class="nei2">SALE</p>
                                <p class="nei3">三折促销中</p>
                            </div>
                            <div class="hengleft"></div>
                            <div class="hengright"></div>
                        </div>
                        <div class="title1">
                            <p>新品绿釉茶杯</p>
                            <p>NEW NEW PRODUCT CUP</p>
                        </div>
                    </a>
                    </li>

                    <li><a href="">
                        <img src="./img/tui2.png" alt="">
                        <div class="wei">
                            <div class="kun">
                                <p class="nei1">-70%</p>
                                <p class="nei2">SALE</p>
                                <p class="nei3">三折促销中</p>
                            </div>
                            <div class="hengleft"></div>
                            <div class="hengright"></div>
                        </div>
                        <div class="title1">
                            <p>新品绿釉茶杯</p>
                            <p>NEW NEW PRODUCT CUP</p>
                        </div>
                    </a>
                    </li>

                    <li><a href="">
                        <img src="./img/tui3.png" alt="">
                        <div class="wei">
                            <div class="kun">
                                <p class="nei1">-70%</p>
                                <p class="nei2">SALE</p>
                                <p class="nei3">三折促销中</p>
                            </div>
                            <div class="hengleft"></div>
                            <div class="hengright"></div>
                        </div>
                        <div class="title1">
                            <p>新品绿釉茶杯</p>
                            <p>NEW NEW PRODUCT CUP</p>
                        </div>
                    </a>
                    </li>

                    <li><a href="">
                        <img src="./img/tui4.png" alt="">
                        <div class="wei">
                            <div class="kun">
                                <p class="nei1">-70%</p>
                                <p class="nei2">SALE</p>
                                <p class="nei3">三折促销中</p>
                            </div>
                            <div class="hengleft"></div>
                            <div class="hengright"></div>
                        </div>
                        <div class="title1">
                            <p>新品绿釉茶杯</p>
                            <p>NEW NEW PRODUCT CUP</p>
                        </div>
                    </a>
                    </li>

                </ul>
            </div>
            <!--推荐内容结束-->
        </div>
        <!--商品推荐结束-->


        <!--右边部分结束-->
        <!--分页开始-->
        <div class="ye">
            <ul>
                <li><a href="">1</a></li>
                <li><a href="">2</a></li>
                <li class="yuan"><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li class="jian1"><a href=""></a></li>
                <li class="jian2"><a href=""></a></li>
            </ul>
        </div>
        <!--分页结束-->





    </div>










    <!--个人中心结束-->





    @@include('./include/bottom.html')


</div>



<!--中间内容部分结束-->

<!--加载公共底部开始-->

<!--加载公共底部结束-->
</body>